<!--
  Generated template for the PcRegistrationEvaluationPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar #Navbar>
    <ion-title>注册评测</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>

  <div class="inputs">
    <p class="input-title">评测项名称</p>
    <ion-input type="text" placeholder="请输入名称" class="input-content" [(ngModel)]="name" (keyup)="isEmoji($event)"></ion-input>
  </div>

  <div class="inputs">
    <p class="input-title1">单项分值</p>
    <ion-input type="number" (keyup)="rep($event)" placeholder="请输入分值" class="input-content" [(ngModel)]='value'></ion-input>
  </div>

  <div class="rule" [ngClass]="{'rule1' : animation}">
    <div class="itemName">
      <p>单项规则</p>
      <div class="more" (click)='openmore()' [ngClass]="{'more1' : animation}">
        <ion-icon name="jiantou"></ion-icon>
      </div>
    </div>
    
    <div class="showdiv"  [ngClass]="{'showdiv1' : animation}">
      <hr class="hrstyle">
      <div class="pc-input">
        <span class="pc-span">高低分差</span>
        <div class="input-range"> 
          <ion-range [(ngModel)]="diff" min='0' [max]='value'></ion-range>
        </div>
        <span class="show-number" *ngIf="value == ''">0/0</span>
        <span class="show-number" *ngIf="value != ''">{{diff}}/{{value}}</span>
      </div>

      <div class="pc-input input-margin">
        <span class="pc-span">排序比分</span>
        <div class="input-range">
          <ion-range [(ngModel)]="sort" min='0' [max]='value'></ion-range>
        </div>
        <span class="show-number" *ngIf="value == ''">0/0</span>
        <span class="show-number" *ngIf="value != ''">{{sort}}/{{value}}</span>
      </div>
    </div>

  </div>

  <button ion-button="" block class="button" (click)="returnCreater()">完成</button>

</ion-content>
